<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<h:head>


    <meta content ="charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="description" content=""/>
    <meta name="author" content="DBCS"/>
    
    <!-- Css de boostrap, adecuados a jsf -->
    
     <link rel="shortcut icon" href="#{request.contextPath}/resources/ico/favicon.ico"/>
    <link href="#{request.contextPath}/resources/css/bootstrap.min.css" rel="stylesheet"/>

    <!-- Custom styles for this template -->
    <link href="#{request.contextPath}/resources/css/dashboard.css" rel="stylesheet"/> 

	<title><ui:insert name="title">Menu de administración</ui:insert></title>


</h:head>

<h:body>

<!-- Menu header, puede que lo saque fuera.-->

    <h:panelGroup layout="block" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <h:panelGroup layout="block" class="container-fluid">
        <h:panelGroup layout="block" class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Alquiler de vehículos administración</a>
        </h:panelGroup>
        <h:panelGroup layout="block" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Settings</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Help</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="Search..."/>
          </form>
        </h:panelGroup>
      </h:panelGroup>
    </h:panelGroup>

<!-- Menu lateral izquierdo -->

    <h:panelGroup layout="block" class="container-fluid">
      <h:panelGroup layout="block" class="row">
        <h:panelGroup layout="block" class="col-sm-3 col-md-2 sidebar">
        
          <ul class="nav nav-sidebar">
          <!-- 	<li style="background-color: #D8D8D8; color: #848484">Gestión de vehículos</li> -->
            <ui:insert name="link_vehiculos"><li><a href="#{request.contextPath}/pages/gestionDeVehiculos/gestion_de_vehiculos.xhtml">Vehículos</a></li></ui:insert>
            <ui:insert name="link_modelos"><li><a href="#{request.contextPath}/pages/gestionDeVehiculos/gestion_de_modelos.xhtml">Modelos</a></li></ui:insert>
            <ui:insert name="link_fabricantes"><li><a href="#{request.contextPath}/pages/gestionDeVehiculos/gestion_de_fabricantes.xhtml">Fabricantes</a></li></ui:insert>
          </ul>
          <ul class="nav nav-sidebar">
          	<!-- <li style="background-color: #D8D8D8; color: #848484">Gestión de usuarios</li> -->
          	 <ui:insert name="link_usuarios"><li><a href="#{request.contextPath}/pages/gestionDeUsuarios/gestion_de_clientes.xhtml">Gestión de usuarios</a></li></ui:insert>
          </ul>
          <ul class="nav nav-sidebar">
          	<!-- <li style="background-color: #D8D8D8; color: #848484">Gestión de alquileres</li> -->
          	<ui:insert name="link_hacerReserva"><li><a href="#{request.contextPath}/pages/gestionDeReservasAlquiler/hacer_reserva.xhtml">Hacer reserva</a></li></ui:insert>
            <li><a href="">Resesvas</a></li>
            <li><a href="">Alquileres</a></li>
            <li><a href="">Entregas</a></li>
          </ul>
          

         <ul class="nav nav-sidebar">
          	<!-- <li style="background-color: #D8D8D8; color: #848484">Facturación</li> -->
            <li><a href="">Facturas pendientes</a></li>
            <li><a href="">Facturas tramitadas</a></li>
          </ul>
          
        </h:panelGroup>
        
        
       
        <h:panelGroup class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        	
        	 <!-- Esta la parte que será sobreescrita por cada vista concreta -->
        	<ui:insert name="main"/>
        
        </h:panelGroup>
        
        
      </h:panelGroup>
    </h:panelGroup>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
<!--     <script src="#{request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>-->
    <script src="#{request.contextPath}/resources/js/bootstrap.min.js"></script>
    <script src="#{request.contextPath}/resources/js/docs.min.js"></script>

</h:body>

</html>
